<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <title></title>
    <meta content="" name="keywords">
    <meta content="" name="description">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/8.css">
    <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
    <script type="text/javascript">
        !function () {
            var htmlEl = document.getElementsByTagName('html')[0];
            var fitPage = function () {
                /* The calculate of with from zepto  */
                var w = htmlEl.getBoundingClientRect().width;
                w = Math.round(w);
                w = w > 750 ? 750 : w;
                var newW = w / 750 * 100;
                htmlEl.style.fontSize = newW + 'px';
            }
            fitPage();
            var t;
            var func = function () {
                clearTimeout(t);
                t = setTimeout(fitPage, 25);
            }
            window.addEventListener('resize', func);
        }();
    </script>
</head>
<body>
<header class="app-header app-header-fixed">
    <div class="app-title">
        <div class="app-black">
            <img style="width: 50%" src="images/010.png">
        </div>
        <h1 class="app-center-title">价格测算</h1>
        <div class="app-header-user">
            <img style="width: 50%" src="images/011.png">
        </div>
    </div>
</header>
<section class="app-content">
    <p>
        <span class="app-item-title">*粮食品种:</span>
        <span class="app-item-content">
            <input/>
        </span>
    </p>
    <p>
        <span class="app-item-title">*粮食重量(斤):</span>
        <span class="app-item-content">
            <span class="app-box">
                <input class="app-option-input" value="0"/>
                <i class="app-icon-left">-</i>
                <i class="app-icon-right">+</i>
            </span>
        </span>
    </p>
    <p>
        <span class="app-item-title">*水分(%):</span>
        <span class="app-item-content">
            <span class="app-box">
                <input class="app-option-input" value="0"/>
                <i class="app-icon-left">-</i>
                <i class="app-icon-right">+</i>
            </span>
        </span>
    </p>
    <p>
        <span class="app-item-title">*水分(%):</span>
        <span class="app-item-content">
            <span class="app-box">
                <input class="app-option-input" value="0"/>
                <i class="app-icon-left">-</i>
                <i class="app-icon-right">+</i>
            </span>
        </span>
    </p>
    <p>
        <span class="app-item-title">*不完善粒率(%):</span>
        <span class="app-item-content">
            <span class="app-box">
                <input class="app-option-input" value="0"/>
                <i class="app-icon-left">-</i>
                <i class="app-icon-right">+</i>
            </span>
        </span>
    </p>
    <p>
        <span class="app-item-title">*不完善粒率(%):</span>
        <span class="app-item-content">
            <span class="app-box">
                <input class="app-option-input" value="0"/>
                <i class="app-icon-left">-</i>
                <i class="app-icon-right">+</i>
            </span>
        </span>
    </p>
</section>
<div>

</div>
<footer class="app-footer">
    <img src="images/015.png">
</footer>
<script>
    $(function () {
        $('.app-icon-left').click(function () {
            var val=$(this).siblings('input').val()
            val=parseInt(val)
            if(val>0){
                $(this).siblings('input').val(val-1)
            }
        })
        $('.app-icon-right').click(function () {
            var val=$(this).siblings('input').val()
            val=parseInt(val)
            $(this).siblings('input').val(val+1)
        })
    })
</script>
</body>
</html>